<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>日入千元不是梦 - SOHO兼职团队招募</title>
    <meta name="description" content="加入我们的SOHO网赚团队，轻松实现日入千元，无需经验，零门槛，手机操作即可赚钱。已有300万人成功获利！">
    <meta name="keywords" content="SOHO,兼职,赚钱,日入千元,手机赚钱,网赚,零门槛兼职">
    <!-- 引入外部资源 -->
    <script src="https://cdn.tailwindcss.com"></script>
    <link href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <meta property=”og:type” content=”company”/>       
    <meta property=”og:title” content=”日入千元不是梦 - SOHO兼职团队招募”/>      
    <meta property="og:description" content="加入我们的SOHO网赚团队，轻松实现日入千元，无需经验，零门槛，手机操作即可赚钱。已有300万人成功获利！"/>      
    <meta property=”og:url” content=”https://v.douyin.com/iUQgKpPT/”/>       
    <meta property="og:release_date" content="2025-08-01"/>       
    
    <!-- 配置Tailwind -->
    <script>
        tailwind.config = {
            theme: {
                extend: {
                    colors: {
                        gold: '#FFD700',
                        'dark-blue': '#0A0F25',
                        'dark-red': '#9E0B0F',
                        'deep-red': '#72090C',
                        'light-gold': '#FFECB3'
                    },
                    fontFamily: {
                        sans: ['Arial', 'Helvetica', 'sans-serif'],
                    },
                }
            }
        }
    </script>
    
    <style type="text/tailwindcss">
        @layer utilities {
            .text-shadow-gold {
                text-shadow: 0 0 15px rgba(255, 215, 0, 0.9), 0 0 30px rgba(255, 215, 0, 0.6);
            }
            .bg-money-pattern {
                background-image: url('https://picsum.photos/id/1/1000/1000');
                background-size: cover;
                background-blend-mode: overlay;
            }
            .rotate-hover {
                transition: transform 0.3s ease;
            }
            .rotate-hover:hover {
                transform: rotate(2deg) scale(1.03);
            }
            .shine-effect {
                position: relative;
                overflow: hidden;
            }
            .shine-effect::after {
                content: '';
                position: absolute;
                top: -50%;
                left: -50%;
                width: 200%;
                height: 200%;
                background: linear-gradient(
                    to right,
                    rgba(255, 255, 255, 0) 0%,
                    rgba(255, 255, 255, 0.3) 50%,
                    rgba(255, 255, 255, 0) 100%
                );
                transform: rotate(30deg);
                animation: shine 3s infinite;
            }
            @keyframes shine {
                0% {
                    transform: translateX(-100%) rotate(30deg);
                }
                100% {
                    transform: translateX(100%) rotate(30deg);
                }
            }
            .count-up {
                animation: countUp 2s ease-out forwards;
            }
            @keyframes countUp {
                from { opacity: 0; transform: translateY(20px); }
                to { opacity: 1; transform: translateY(0); }
            }
            .modal-fade-in {
                animation: fadeIn 0.3s ease forwards;
            }
            @keyframes fadeIn {
                from { opacity: 0; transform: scale(0.9); }
                to { opacity: 1; transform: scale(1); }
            }
            .toast-message {
                animation: toast 2s ease forwards;
            }
            @keyframes toast {
                0% { opacity: 0; transform: translateY(20px); }
                20% { opacity: 1; transform: translateY(0); }
                80% { opacity: 1; transform: translateY(0); }
                100% { opacity: 0; transform: translateY(-20px); }
            }
            .watermark {
                user-select: none;
                pointer-events: none;
            }
            .marquee-container {
                overflow: hidden;
                position: relative;
            }
            .marquee-content {
                animation: marquee 30s linear infinite;
            }
            @keyframes marquee {
                0% {
                    transform: translateY(0);
                }
                100% {
                    transform: translateY(-50%);
                }
            }
            .pulse-effect {
                animation: pulse 2s infinite;
            }
            @keyframes pulse {
                0% { transform: scale(1); }
                50% { transform: scale(1.05); }
                100% { transform: scale(1); }
            }
        }
    </style>
</head>
<body class="bg-dark-blue text-white font-sans overflow-x-hidden">
    <!-- 顶部横幅 -->
    <div class="bg-gradient-to-r from-deep-red to-dark-red py-2 text-center text-light-gold text-sm">
        <p>紧急通知：今日仅限前100名加入者，赠送价值19998元的《日赚千元秘籍》<span class="ml-2 animate-pulse text-gold font-bold">名额剩余: 26</span></p>
    </div>

    <!-- 主标题区域 -->
    <header class="relative bg-dark-blue py-10 md:py-20 overflow-hidden">
        <div class="absolute inset-0 bg-money-pattern opacity-10"></div>
        <div class="container mx-auto px-4 relative z-10">
            <div class="text-center">
                <h1 class="text-[clamp(2.5rem,10vw,6rem)] font-extrabold text-transparent bg-clip-text bg-gradient-to-r from-gold to-yellow-300 leading-none mb-4 text-shadow-gold pulse-effect">
                    日入千元<br>真的不难
                </h1>
                <p class="text-[clamp(1.2rem,4vw,2rem)] text-light-gold mb-8 font-bold">选择比努力更重要，找对平台年入千万</p>
                <div class="inline-block bg-gradient-to-r from-dark-red to-deep-red text-white px-10 py-4 rounded-full text-xl font-bold shadow-lg shine-effect text-shadow-md">
                    花5分钟看完 改变你未来5年的财富轨迹
                </div>
            </div>
        </div>
        
        <!-- 装饰元素 -->
        <div class="absolute top-10 right-10 w-64 h-64 md:w-96 md:h-96 bg-gold/20 rounded-full blur-3xl"></div>
        <div class="absolute bottom-10 left-10 w-64 h-64 md:w-96 md:h-96 bg-dark-red/30 rounded-full blur-3xl"></div>
    </header>

    <main>
        <!-- 加入SOHO团队部分 -->
        <section class="py-12 md:py-20 relative overflow-hidden">
            <div class="absolute inset-0 bg-money-pattern opacity-5"></div>
            <div class="container mx-auto px-4 relative z-10">
                <div class="flex items-center justify-center mb-12">
                    <div class="h-px bg-gradient-to-r from-transparent via-gold to-transparent w-24 md:w-40"></div>
                    <h2 class="text-xl md:text-3xl font-bold text-gold mx-4 text-center">
                        他们都已加入SOHO团队 兼职赚钱
                    </h2>
                    <div class="h-px bg-gradient-to-r from-transparent via-gold to-transparent w-24 md:w-40"></div>
                </div>
                
                <div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-8">
                    <!-- 个体户 -->
                    <div class="bg-gradient-to-b from-dark-red/80 to-deep-red/90 rounded-lg p-6 shadow-xl rotate-hover border border-gold/30">
                        <div class="h-40 overflow-hidden rounded mb-4">
                            <img src="https://picsum.photos/id/20/400/300" alt="个体户SOHO成功案例" class="w-full h-full object-cover">
                        </div>
                        <h3 class="text-gold text-xl font-bold mb-2">个体户</h3>
                        <p class="text-light-gold/90 text-sm">经营了家服装店，运营成本越来越高。通过SOHO项目，每天额外增加3000-5000元收入，现在已经开了3家分店！</p>
                    </div>
                    
                    <!-- 工薪阶级 -->
                    <div class="bg-gradient-to-b from-dark-red/80 to-deep-red/90 rounded-lg p-6 shadow-xl rotate-hover border border-gold/30 transform md:-translate-y-4">
                        <div class="h-40 overflow-hidden rounded mb-4">
                            <img src="https://picsum.photos/id/21/400/300" alt="工薪阶级SOHO成功案例" class="w-full h-full object-cover">
                        </div>
                        <h3 class="text-gold text-xl font-bold mb-2">工薪阶级</h3>
                        <p class="text-light-gold/90 text-sm">除了薪资也没有其他的收入来源，开销却越来越大。兼职做这个项目，每晚2小时，月增收3-5万元，已全款买房！</p>
                    </div>
                    
                    <!-- 自由业者 -->
                    <div class="bg-gradient-to-b from-dark-red/80 to-deep-red/90 rounded-lg p-6 shadow-xl rotate-hover border border-gold/30">
                        <div class="h-40 overflow-hidden rounded mb-4">
                            <img src="https://picsum.photos/id/22/400/300" alt="自由业者SOHO成功案例" class="w-full h-full object-cover">
                        </div>
                        <h3 class="text-gold text-xl font-bold mb-2">自由业者</h3>
                        <p class="text-light-gold/90 text-sm">别人羡慕的职业看似自由潇洒，可现实是收入极不稳定。加入这个项目后，每天只需3小时，年入稳定15-20万！</p>
                    </div>
                </div>
                
                <!-- 宝妈族 -->
                <div class="max-w-2xl mx-auto bg-gradient-to-b from-dark-red/80 to-deep-red/90 rounded-lg p-6 shadow-xl rotate-hover border border-gold/30">
                    <div class="flex flex-col md:flex-row gap-6">
                        <div class="md:w-1/3 h-40 md:h-auto overflow-hidden rounded">
                            <img src="https://picsum.photos/id/64/400/300" alt="宝妈族SOHO成功案例" class="w-full h-full object-cover">
                        </div>
                        <div class="md:w-2/3">
                            <h3 class="text-gold text-xl font-bold mb-2">宝妈族</h3>
                            <p class="text-light-gold/90 text-sm">去年兼职做这个项目，在照顾家庭之余赚点零花钱。今年持续放大操作，进账越来越可观，年入已突破30万，比老公上班挣得还多！</p>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        
        <!-- 添加微信部分 -->
        <section class="py-12 md:py-20 bg-gradient-to-b from-dark-blue to-black relative overflow-hidden">
            <div class="absolute inset-0 bg-money-pattern opacity-5"></div>
            <div class="container mx-auto px-4 relative z-10">
                <div class="flex items-center justify-center mb-12">
                    <div class="h-px bg-gradient-to-r from-transparent via-gold to-transparent w-24 md:w-40"></div>
                    <h2 class="text-xl md:text-3xl font-bold text-gold mx-4 text-center">
                        添加微信 轻松日入千元不是梦
                    </h2>
                    <div class="h-px bg-gradient-to-r from-transparent via-gold to-transparent w-24 md:w-40"></div>
                </div>
                
                <div class="flex flex-col lg:flex-row items-center gap-10">
                    <div class="w-full lg:w-1/2">
                        <div class="bg-gradient-to-br from-dark-red/40 to-deep-red/60 p-8 rounded-xl border border-gold/30 shadow-2xl max-w-md mx-auto">
                            <div class="flex justify-between mb-6">
                                <div class="text-center">
                                    <div class="text-2xl md:text-3xl font-bold text-gold count-up">3,467,121+</div>
                                    <div class="text-light-gold/80 text-sm">已加入兼职团队</div>
                                </div>
                                <div class="text-center">
                                    <div class="text-2xl md:text-3xl font-bold text-gold count-up">18,000+</div>
                                    <div class="text-light-gold/80 text-sm">人均月收入(元)</div>
                                </div>
                            </div>
                            
                            <div class="bg-white p-3 rounded-lg inline-block mx-auto mb-6">
                                <img src="https://picsum.photos/id/24/200/200" alt="微信二维码" class="w-48 h-48 mx-auto">
                            </div>
                            
                            <p class="text-center text-light-gold mb-4">
                                <i class="fa fa-hand-o-down text-gold mr-2"></i>
                                点图片复制微信: <span class="text-gold font-bold">1648567300</span>
                            </p>
                            
                            <div class="bg-dark-blue/50 rounded-lg p-4">
                                <p class="text-gold text-sm font-bold mb-2">最新提现消息</p>
                                <div class="marquee-container max-h-40 pr-2">
                                    <div class="marquee-content space-y-2 text-xs text-light-gold/90">
                                        <p>187****9956 刚刚提现了 24,610.0元</p>
                                        <p>159****3421 刚刚提现了 86,500.00元</p>
                                        <p>137****6859 刚刚提现了 14,500.00元</p>
                                        <p>135****3587 刚刚提现了 112,350.00元</p>
                                        <p>137****1587 刚刚提现了 23,870.00元</p>
                                        <p>139****5748 刚刚提现了 6,000.00元</p>
                                        <p>156****7548 刚刚提现了 14,500.00元</p>
                                        <p>156****4327 刚刚提现了 81,650.00元</p>
                                        <p>177****9867 刚刚提现了 99,750.00元</p>
                                        <p>151****4876 刚刚提现了 135,400.00元</p>
                                        <p>157****4587 刚刚提现了 70,820.00元</p>
                                        <p>138****7845 刚刚提现了 36,850.00元</p>
                                        <!-- 重复内容以实现无缝滚动 -->
                                        <p>187****9956 刚刚提现了 214,610.0元</p>
                                        <p>159****3421 刚刚提现了 86,500.00元</p>
                                        <p>137****6859 刚刚提现了 14,500.00元</p>
                                        <p>135****3587 刚刚提现了 12,350.00元</p>
                                        <p>137****1587 刚刚提现了 23,870.00元</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <div class="w-full lg:w-1/2">
                        <div class="space-y-8">
                            <div class="bg-gradient-to-r from-dark-red/20 to-deep-red/40 p-6 rounded-lg border border-gold/20 shadow-lg">
                                <div class="flex items-center mb-4">
                                    <div class="w-12 h-12 rounded-full bg-gold/20 flex items-center justify-center mr-4">
                                        <i class="fa fa-check text-gold text-xl"></i>
                                    </div>
                                    <h3 class="text-xl font-bold text-gold">无需经验，轻松上手</h3>
                                </div>
                                <p class="text-light-gold/80 ml-16">无论你是学生、宝妈还是上班族，无需任何经验，我们提供全程指导，简单培训后即可开始赚钱。</p>
                            </div>
                            
                            <div class="bg-gradient-to-r from-dark-red/20 to-deep-red/40 p-6 rounded-lg border border-gold/20 shadow-lg">
                                <div class="flex items-center mb-4">
                                    <div class="w-12 h-12 rounded-full bg-gold/20 flex items-center justify-center mr-4">
                                        <i class="fa fa-clock-o text-gold text-xl"></i>
                                    </div>
                                    <h3 class="text-xl font-bold text-gold">时间自由，灵活安排</h3>
                                </div>
                                <p class="text-light-gold/80 ml-16">不需要固定上下班时间，根据自己的空闲时间灵活安排，随时随地都能做，不影响主业和生活。</p>
                            </div>
                            
                            <div class="bg-gradient-to-r from-dark-red/20 to-deep-red/40 p-6 rounded-lg border border-gold/20 shadow-lg">
                                <div class="flex items-center mb-4">
                                    <div class="w-12 h-12 rounded-full bg-gold/20 flex items-center justify-center mr-4">
                                        <i class="fa fa-money text-gold text-xl"></i>
                                    </div>
                                    <h3 class="text-xl font-bold text-gold">多劳多得，收入无上限</h3>
                                </div>
                                <p class="text-light-gold/80 ml-16">付出越多收获越多，收入完全由自己掌控，做得好的伙伴年入可达数十万甚至上百万，远超普通上班族。</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        
        <!-- 成功案例部分 -->
        <section class="py-12 md:py-20 relative overflow-hidden">
            <div class="absolute inset-0 bg-money-pattern opacity-5"></div>
            <div class="container mx-auto px-4 relative z-10">
                <div class="flex items-center justify-center mb-12">
                    <div class="h-px bg-gradient-to-r from-transparent via-gold to-transparent w-24 md:w-40"></div>
                    <h2 class="text-xl md:text-3xl font-bold text-gold mx-4 text-center">
                        加入SOHO 他们都已走向人生巅峰
                    </h2>
                    <div class="h-px bg-gradient-to-r from-transparent via-gold to-transparent w-24 md:w-40"></div>
                </div>
                
                <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
                    <!-- 小许 -->
                    <div class="bg-gradient-to-b from-dark-blue/50 to-black/70 rounded-lg overflow-hidden shadow-xl border border-gold/20 rotate-hover">
                        <div class="flex flex-col md:flex-row">
                            <div class="md:w-1/3">
                                <img src="https://picsum.photos/id/25/300/400" alt="小许的成功案例" class="w-full h-full object-cover">
                            </div>
                            <div class="md:w-2/3 p-6">
                                <h3 class="text-gold text-xl font-bold mb-1">小许 | 23岁 | 自由职业者</h3>
                                <p class="text-light-gold/80 text-sm mt-4">失业后一直找不到合适工作，偶然机会加入这个SOHO项目，刚开始每天只能赚几千元，慢慢掌握技巧后，现在每天稳定收入5000-10000元，比之前上班强多了！现在已经买车买房，彻底改变了人生。</p>
                            </div>
                        </div>
                    </div>
                    
                    <!-- 胡先生 -->
                    <div class="bg-gradient-to-b from-dark-blue/50 to-black/70 rounded-lg overflow-hidden shadow-xl border border-gold/20 rotate-hover">
                        <div class="flex flex-col md:flex-row">
                            <div class="md:w-1/3">
                                <img src="https://picsum.photos/id/26/300/400" alt="胡先生的成功案例" class="w-full h-full object-cover">
                            </div>
                            <div class="md:w-2/3 p-6">
                                <h3 class="text-gold text-xl font-bold mb-1">胡先生 | 42岁 | 白领</h3>
                                <p class="text-light-gold/80 text-sm mt-4">在公司上班多年，工资一直不高，生活压力大。利用下班时间做这个项目，第一个月就赚了3万多，现在已经辞职全职做，月收入稳定在20-30万，比之前上班强太多了！</p>
                            </div>
                        </div>
                    </div>
                    
                    <!-- 王女士 -->
                    <div class="bg-gradient-to-b from-dark-blue/50 to-black/70 rounded-lg overflow-hidden shadow-xl border border-gold/20 rotate-hover">
                        <div class="flex flex-col md:flex-row">
                            <div class="md:w-1/3">
                                <img src="https://picsum.photos/id/27/300/400" alt="王女士的成功案例" class="w-full h-full object-cover">
                            </div>
                            <div class="md:w-2/3 p-6">
                                <h3 class="text-gold text-xl font-bold mb-1">王女士 | 27岁 | 家庭主妇</h3>
                                <p class="text-light-gold/80 text-sm mt-4">生完孩子后就在家带娃，没有收入来源，感觉很自卑。加入这个项目后，在家带娃的同时还能赚钱，现在每月能赚20多万，不仅减轻了家庭负担，也找回了自信！</p>
                            </div>
                        </div>
                    </div>
                    
                    <!-- 老陈 -->
                    <div class="bg-gradient-to-b from-dark-blue/50 to-black/70 rounded-lg overflow-hidden shadow-xl border border-gold/20 rotate-hover">
                        <div class="flex flex-col md:flex-row">
                            <div class="md:w-1/3">
                                <img src="https://picsum.photos/id/28/300/400" alt="老陈的成功案例" class="w-full h-full object-cover">
                            </div>
                            <div class="md:w-2/3 p-6">
                                <h3 class="text-gold text-xl font-bold mb-1">老陈 | 41岁 | 下岗工人</h3>
                                <p class="text-light-gold/80 text-sm mt-4">工厂倒闭后失业，找工作到处碰壁。加入这个SOHO项目后，从每天几百元开始，慢慢摸索经验，现在组建了自己的小团队，月收入稳定在80万以上，比以前上班强太多了！</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        
        <!-- 项目优势部分 -->
        <section class="py-12 md:py-20 bg-gradient-to-b from-black to-dark-blue relative overflow-hidden">
            <div class="absolute inset-0 bg-money-pattern opacity-5"></div>
            <div class="container mx-auto px-4 relative z-10">
                <div class="flex items-center justify-center mb-12">
                    <div class="h-px bg-gradient-to-r from-transparent via-gold to-transparent w-24 md:w-40"></div>
                    <h2 class="text-xl md:text-3xl font-bold text-gold mx-4 text-center">
                        只需一部智能设备电脑或手机 随时赚钱
                    </h2>
                    <div class="h-px bg-gradient-to-r from-transparent via-gold to-transparent w-24 md:w-40"></div>
                </div>
                
                <div class="flex flex-col lg:flex-row items-center gap-10">
                    <div class="w-full lg:w-1/2">
                        <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
                            <!-- 0押金0学费 -->
                            <div class="bg-gradient-to-b from-dark-red/30 to-deep-red/50 rounded-lg p-6 text-center border border-gold/20 shadow-lg rotate-hover">
                                <div class="w-16 h-16 rounded-full bg-gold text-dark-red flex items-center justify-center text-3xl font-bold mx-auto mb-4">0</div>
                                <h3 class="text-gold font-bold mb-2">0押金0学费</h3>
                                <p class="text-light-gold/80 text-sm">全程无需任何费用，真正零门槛加入，不用担心被骗</p>
                            </div>
                            
                            <!-- 1分钟收益到账 -->
                            <div class="bg-gradient-to-b from-dark-red/30 to-deep-red/50 rounded-lg p-6 text-center border border-gold/20 shadow-lg rotate-hover">
                                <div class="w-16 h-16 rounded-full bg-gold text-dark-red flex items-center justify-center text-3xl font-bold mx-auto mb-4">1</div>
                                <h3 class="text-gold font-bold mb-2">1分钟收益到账</h3>
                                <p class="text-light-gold/80 text-sm">操作简单，完成任务后1分钟内即可收到收益，不拖欠</p>
                            </div>
                            
                            <!-- 90天3倍收益 -->
                            <div class="bg-gradient-to-b from-dark-red/30 to-deep-red/50 rounded-lg p-6 text-center border border-gold/20 shadow-lg rotate-hover">
                                <div class="w-16 h-16 rounded-full bg-gold text-dark-red flex items-center justify-center text-3xl font-bold mx-auto mb-4">90</div>
                                <h3 class="text-gold font-bold mb-2">90天3倍收益</h3>
                                <p class="text-light-gold/80 text-sm">系统培训指导，90天内让你实现收益翻3倍，稳定增长</p>
                            </div>
                        </div>
                        
                        <div class="mt-10 p-6 bg-gradient-to-r from-gold/20 to-gold/5 rounded-lg border border-gold/30">
                            <h3 class="text-gold text-xl font-bold mb-4">为什么选择我们？</h3>
                            <ul class="space-y-3">
                                <li class="flex items-start">
                                    <i class="fa fa-check-circle text-gold mt-1 mr-3"></i>
                                    <span class="text-light-gold/90">平台运营5年，安全可靠，已帮助300多万人实现增收</span>
                                </li>
                                <li class="flex items-start">
                                    <i class="fa fa-check-circle text-gold mt-1 mr-3"></i>
                                    <span class="text-light-gold/90">专业团队指导，一对一培训，确保每个人都能快速上手</span>
                                </li>
                                <li class="flex items-start">
                                    <i class="fa fa-check-circle text-gold mt-1 mr-3"></i>
                                    <span class="text-light-gold/90">收益日结，随时提现，不压款不拖欠，让你放心赚钱</span>
                                </li>
                                <li class="flex items-start">
                                    <i class="fa fa-check-circle text-gold mt-1 mr-3"></i>
                                    <span class="text-light-gold/90">2021年获得美国风投6600万美元融资，实力雄厚有保障</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                    
                    <div class="w-full lg:w-1/2">
                        <div class="relative">
                            <img src="https://picsum.photos/id/29/600/800" alt="手机赚钱演示" class="rounded-xl shadow-2xl border-4 border-gold/30 max-w-full mx-auto">
                            <div class="absolute -bottom-6 -right-6 bg-gradient-to-r from-dark-red to-deep-red text-white px-8 py-4 rounded-full text-lg font-bold shadow-lg shine-effect rotate-hover">
                                点这里教你赚钱哦！
                            </div>
                        </div>
                        
                        <div class="mt-12 text-center">
                            <a href="#contact" class="inline-block bg-gradient-to-r from-gold to-yellow-300 text-dark-red px-10 py-4 rounded-full text-xl font-bold shadow-lg hover:shadow-gold/30 transition-all duration-300 transform hover:scale-105" onclick="copyWechat('1648567300')">
                                立即加入，开启赚钱之路 <i class="fa fa-arrow-right ml-2"></i>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        
        <!-- 倒计时和紧急行动区 -->
        <section class="py-12 md:py-16 bg-gradient-to-r from-dark-red to-deep-red relative overflow-hidden">
            <div class="absolute inset-0 bg-money-pattern opacity-10"></div>
            <div class="container mx-auto px-4 relative z-10 text-center">
                <h2 class="text-2xl md:text-4xl font-bold text-gold mb-6 text-shadow-gold">限时优惠即将结束</h2>
                <p class="text-xl text-light-gold mb-8 max-w-2xl mx-auto">今天加入的前100名会员，额外赠送价值19998元的《日赚千元实战秘籍》</p>
                
                <div class="flex justify-center gap-4 md:gap-8 mb-10">
                    <div class="bg-dark-blue/70 rounded-lg p-3 md:p-5 min-w-[80px]">
                        <div id="hours" class="text-3xl md:text-5xl font-bold text-gold">02</div>
                        <div class="text-light-gold/80 text-sm">小时</div>
                    </div>
                    <div class="bg-dark-blue/70 rounded-lg p-3 md:p-5 min-w-[80px]">
                        <div id="minutes" class="text-3xl md:text-5xl font-bold text-gold">45</div>
                        <div class="text-light-gold/80 text-sm">分钟</div>
                    </div>
                    <div class="bg-dark-blue/70 rounded-lg p-3 md:p-5 min-w-[80px]">
                        <div id="seconds" class="text-3xl md:text-5xl font-bold text-gold">22</div>
                        <div class="text-light-gold/80 text-sm">秒</div>
                    </div>
                </div>
                
                <div class="flex flex-col sm:flex-row gap-4 justify-center">
                    <a href="#contact" class="bg-gold text-dark-red font-bold py-3 px-8 rounded-full text-lg shadow-lg hover:shadow-gold/50 transition-all duration-300 transform hover:scale-105" onclick="copyWechat('1648567300')">
                        <i class="fa fa-weixin mr-2"></i> 立即添加微信
                    </a>
                    <a href="#contact" class="bg-dark-blue/70 text-gold border border-gold font-bold py-3 px-8 rounded-full text-lg shadow-lg hover:bg-dark-blue transition-all duration-300 transform hover:scale-105">
                        <i class="fa fa-play-circle mr-2"></i> 观看赚钱教程
                    </a>
                </div>
            </div>
        </section>
    </main>
    
    <!-- 页脚 -->
    <footer class="bg-black py-10 text-light-gold/60 text-sm">
        <div class="container mx-auto px-4">
            <div class="text-center mb-6">
                <h3 class="text-gold text-xl font-bold mb-2">SOHO团队官方平台</h3>
                <p>2021年获得美国风投6600万美元融资 | 平台累计300多万会员 | 年交易额5亿美元</p>
            </div>
            
            <div class="flex flex-wrap justify-center gap-6 mb-8">
                <a href="#" class="hover:text-gold transition-colors">关于我们</a>
                <a href="#" class="hover:text-gold transition-colors">常见问题</a>
                <a href="#" class="hover:text-gold transition-colors">赚钱教程</a>
                <a href="#" class="hover:text-gold transition-colors">会员福利</a>
                <a href="#" class="hover:text-gold transition-colors">联系我们</a>
            </div>
            
            <div class="text-center pt-6 border-t border-light-gold/10">
                <p>微信：1648567300 | tg热线：@qq1648567300 |qq：1648567300| 工作时间：9:00-22:00</p>
                <p>学习指南https://bwx90igd8g.feishu.cn/docx/ZDCbd9shOoaMAQxHtSWchvpQnff</p>
                <p class="mt-2">© 2025 SOHO团队官方平台 版权所有 | 请理性看待兼职收入，具体收益因人而异 Since 2005</p>
            </div>
            
            <!-- 防修改的首发标识 -->
            <div id="watermarkContainer" class="text-center mt-6 text-gold/70 watermark"></div>
        </div>
    </footer>
    
    <!-- 悬浮客服按钮 -->
    <div class="fixed bottom-8 right-8 z-50">
        <a href="#contact" class="bg-gradient-to-r from-gold to-yellow-300 text-dark-red w-14 h-14 rounded-full flex items-center justify-center shadow-lg hover:shadow-gold/50 transition-all duration-300 transform hover:scale-110" onclick="copyWechat('1648567300')">
            <i class="fa fa-weixin text-2xl"></i>
        </a>
    </div>
    
    <!-- 浮动弹窗 -->
    <div id="wechatModal" class="fixed inset-0 bg-black/70 z-50 flex items-center justify-center hidden">
        <div class="bg-gradient-to-b from-dark-blue to-black border-2 border-gold rounded-xl p-6 md:p-8 max-w-md w-full mx-4 modal-fade-in">
            <div class="flex justify-between items-start mb-4">
                <h3 class="text-2xl font-bold text-gold">添加微信咨询</h3>
                <button class="text-light-gold/60 hover:text-white text-xl" onclick="closeModal()">
                    <i class="fa fa-times"></i>
                </button>
            </div>
            
            <div class="flex flex-col md:flex-row gap-6 items-center">
                <div class="bg-white p-3 rounded-lg">
                    <img src="https://picsum.photos/id/24/200/200" alt="微信二维码" class="w-36 h-36">
                </div>
                
                <div>
                    <p class="text-light-gold mb-2">官方唯一微信：</p>
                    <p class="text-gold text-xl font-bold mb-4">1648567300</p>
                    <button class="bg-gold text-dark-red font-bold py-2 px-4 rounded-full text-sm" onclick="copyWechat('1648567300')">
                        <i class="fa fa-copy mr-1"></i> 点击复制微信号
                    </button>
                </div>
            </div>
            
            <div class="mt-6 pt-6 border-t border-gold/20">
                <h4 class="text-gold font-bold mb-3">为什么要添加微信？</h4>
                <ul class="space-y-2 text-light-gold/80 text-sm">
                    <li class="flex items-start">
                        <i class="fa fa-check-circle text-gold mt-1 mr-2"></i>
                        <span>获取专属赚钱方案，一对一指导</span>
                    </li>
                    <li class="flex items-start">
                        <i class="fa fa-check-circle text-gold mt-1 mr-2"></i>
                        <span>领取价值19998元的《日赚千元秘籍》</span>
                    </li>
                    <li class="flex items-start">
                        <i class="fa fa-check-circle text-gold mt-1 mr-2"></i>
                        <span>加入内部会员群，获取最新赚钱项目</span>
                    </li>
                    <li class="flex items-start">
                        <i class="fa fa-check-circle text-gold mt-1 mr-2"></i>
                        <span>24小时在线客服，随时解答疑问</span>
                    </li>
                </ul>
            </div>
            
            <div class="mt-6 text-center">
                <p class="text-light-gold/60 text-sm">工作时间：9:00-22:00，添加后将在5分钟内通过</p>
            </div>
        </div>
    </div>
    
    <!-- 复制成功提示 -->
    <div id="toast" class="fixed top-20 left-1/2 transform -translate-x-1/2 bg-gold text-dark-red px-6 py-3 rounded-full font-bold shadow-lg hidden toast-message z-50">
        微信号已复制，快去添加吧！
    </div>
    
    <!-- JavaScript -->
    <script>
        // 防修改的水印文字生成
        function generateWatermark() {
            // 拆分文本为字符数组
            const part1 = ['黑', '帽', 'S','E','O', '技', '术', '首', '发'];
            const part2 = ['w', 'w', 'w', '.', 'q','q', '1', '6','4','8', '5','6','7', '7', '0', '0', '.', 'c', 'o', 'm'];
            
            // 字符编码处理增加修改难度
            const encodeChar = (char) => {
                return String.fromCharCode(char.charCodeAt(0));
            };
            
            // 解码并拼接
            const decodeAndJoin = (arr) => {
                return arr.map(char => encodeChar(char)).join('');
            };
            
            // 组合文本
            const text = decodeAndJoin(part1) + ' ' + decodeAndJoin(part2);
            
            // 创建水印元素并添加到页面
            const container = document.getElementById('watermarkContainer');
            container.textContent = text;
            
            // 防止简单删除
            container.addEventListener('DOMNodeRemoved', function(e) {
                if (e.target === container) {
                    setTimeout(generateWatermark, 100);
                }
            }, false);
        }
        
        // 倒计时功能
        function updateCountdown() {
            // 设置倒计时结束时间（3小时后）
            const endTime = new Date();
            endTime.setHours(endTime.getHours() + 3);
            
            function update() {
                const now = new Date();
                const diff = endTime - now;
                
                if (diff <= 0) {
                    document.getElementById('hours').textContent = '00';
                    document.getElementById('minutes').textContent = '00';
                    document.getElementById('seconds').textContent = '00';
                    return;
                }
                
                const hours = Math.floor(diff / (1000 * 60 * 60));
                const minutes = Math.floor((diff % (1000 * 60 * 60)) / (1000 * 60));
                const seconds = Math.floor((diff % (1000 * 60)) / 1000);
                
                document.getElementById('hours').textContent = hours.toString().padStart(2, '0');
                document.getElementById('minutes').textContent = minutes.toString().padStart(2, '0');
                document.getElementById('seconds').textContent = seconds.toString().padStart(2, '0');
            }
            
            update();
            setInterval(update, 1000);
        }
        
        // 数字滚动动画
        function animateNumbers() {
            const observerOptions = {
                threshold: 0.5
            };
            
            const observer = new IntersectionObserver((entries) => {
                entries.forEach(entry => {
                    if (entry.isIntersecting) {
                        const element = entry.target;
                        const target = parseInt(element.innerText.replace(/,/g, '').replace(/\+/g, ''));
                        const duration = 2000; // 动画持续时间（毫秒）
                        const frameDuration = 1000 / 60; // 每帧持续时间
                        const totalFrames = Math.round(duration / frameDuration);
                        let frame = 0;
                        
                        element.innerText = '0';
                        
                        const counter = setInterval(() => {
                            frame++;
                            const progress = frame / totalFrames;
                            const currentCount = Math.round(progress * target);
                            
                            element.innerText = currentCount.toLocaleString() + (element.innerText.includes('+') ? '+' : '');
                            
                            if (frame === totalFrames) {
                                clearInterval(counter);
                            }
                        }, frameDuration);
                        
                        observer.unobserve(element);
                    }
                });
            }, observerOptions);
            
            document.querySelectorAll('.count-up').forEach(el => {
                observer.observe(el);
            });
        }
        
        // 复制微信号功能
        function copyWechat(wechatId) {
            // 复制到剪贴板
            navigator.clipboard.writeText(wechatId).then(() => {
                // 显示提示消息
                const toast = document.getElementById('toast');
                toast.classList.remove('hidden');
                
                // 3秒后隐藏提示
                setTimeout(() => {
                    toast.classList.add('hidden');
                }, 2000);
                
                // 显示浮动弹窗
                document.getElementById('wechatModal').classList.remove('hidden');
            }).catch(err => {
                console.error('无法复制内容: ', err);
                alert('复制失败，请手动输入微信号：' + wechatId);
            });
        }
        
        // 关闭弹窗
        function closeModal() {
            document.getElementById('wechatModal').classList.add('hidden');
        }
        
        // 点击弹窗外部关闭弹窗
        window.onclick = function(event) {
            const modal = document.getElementById('wechatModal');
            if (event.target == modal) {
                modal.classList.add('hidden');
            }
        }
        
        // 页面加载完成后执行
        document.addEventListener('DOMContentLoaded', function() {
            updateCountdown();
            animateNumbers();
            generateWatermark(); // 生成防修改水印
            
            // 平滑滚动
            document.querySelectorAll('a[href^="#"]').forEach(anchor => {
                anchor.addEventListener('click', function (e) {
                    e.preventDefault();
                    
                    const targetId = this.getAttribute('href');
                    if (targetId === '#') return;
                    
                    // 如果点击的是联系按钮，显示弹窗
                    if (targetId === '#contact') {
                        document.getElementById('wechatModal').classList.remove('hidden');
                        return;
                    }
                    
                    const targetElement = document.querySelector(targetId);
                    if (targetElement) {
                        window.scrollTo({
                            top: targetElement.offsetTop - 80,
                            behavior: 'smooth'
                        });
                    }
                });
            });
            
            // 防止水印被移除的额外保护
            setInterval(function() {
                if (!document.getElementById('watermarkContainer')) {
                    const footer = document.querySelector('footer .container');
                    const newContainer = document.createElement('div');
                    newContainer.id = 'watermarkContainer';
                    newContainer.className = 'text-center mt-6 text-gold/70 watermark';
                    footer.appendChild(newContainer);
                    generateWatermark();
                }
            }, 1000);
        });
    </script>
</body>
</html>
    